

<%@page import="com.model.domain.usuario.Usuario"%>
<%@page import="com.model.domain.usuario.PerfilEnum"%>
<%@page import="com.controller.http.SesionEnaho"%>
<%@page import="com.model.domain.enaho.reporte.MonitoreoPorViviendas"%>
<%@page import="util.time.Cronometro"%>
<%@page import="util.FormatUtil"%>
<%@page import="com.model.domain.ubicacion.Vivienda"%>
<%@page import="com.model.domain.persona.Encuestador"%>
<%@page import="com.model.domain.ubicacion.Conglomerado"%>
<%@page import="com.model.domain.persona.Hogar"%>
<%@page import="com.model.domain.tiempo.Periodo"%>
<%@page import="com.model.domain.tiempo.Mes"%>
<%@page import="java.util.List"%>
<%@page import="com.model.domain.ubicacion.Odei"%>
<!-- #include file="control.asp" -->
<!-- #include file="config_cache.asp" -->
<!-- #include file="conexion.asp" -->
<!-- #include file="acceso.asp" -->

<%
    SesionEnaho ses = new SesionEnaho(request);
    String anho = ses.getAnho();
    
    String titulo = "MONITOREO DEL MARCO DE VIVIENDAS";
    
    String excel = (String) request.getAttribute("excel");
    if(excel==null) excel ="";    
    String cod_etapa = "";
    
    String clase_subtit, clase_cab, clase_tablas;    
    
    if(!excel.equals("S")) {
        clase_subtit = "subtitulo2";
        clase_cab = "cab_tablas";
        clase_tablas = "tablas";
    }
    else {
        clase_subtit = "subtitulo2_tmp";
        clase_cab = "cab_tablas_tmp";
	clase_tablas = "tablas_tmp";
    } 

    
    
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
<script language="javascript">
function excel(){
	//document.getElementById("form1").action = "reporte_vivienda_01.asp?excel=S"
        document.getElementById("form1").action = "excel?controller=monitoreo_transferencia&action=buscarPorViviendas"
	document.getElementById("form1").submit();
}

function pasarFoco(nomObj, index, evt){
	var key = nav4 ? evt.which : evt.keyCode;
	if(key == 13){
		obj = eval(document.getElementById(nomObj + index));
		while(obj){
			if( document.getElementById(nomObj + index).disabled==false && 
				document.getElementById(nomObj + index).readOnly==false ){
				document.getElementById(nomObj + index).focus();
				return;
			}
			obj = eval(document.getElementById(nomObj + (++index)));
		}		
	}
}

function actualizar_pagina(){
    verMensajeCarga(true);
    obj = eval(document.getElementById("hdnaccion"));
    if(obj) obj.value = "";
    document.getElementById("form1").action = "dispatcher?controller=monitoreo_transferencia&action=buscarPorViviendas";
    document.getElementById("form1").submit();
}
function inicio(){
    verMensajeCarga(false);	
}

function centrar(){
	// *** Usar en el caso se quiera centrar la tabla ***
	vleft = (screen.availWidth / 2) - (document.getElementById("cabecera").style.posWidth / 2);
	if(vleft > 0){
		document.getElementById("cabecera").style.left = vleft;
		document.getElementById("detalle").style.left = vleft;
	}
	document.getElementById("detalle").style.height = screen.availHeight - 370;
	if( eval(document.getElementById("detalle").offsetHeight) > eval(document.getElementById("detalle").scrollHeight) )
		document.getElementById("ultCol").style.width = 80;
	else
		document.getElementById("ultCol").style.width = 97;
}
function porc_rut_rep(index){
	canseg = isNaN(parseInt(document.getElementById("hdncant_seg_normal" + index).value)) ? 0 : parseInt(document.getElementById("hdncant_seg_normal" + index).value);
	canrutrep = isNaN(parseInt(document.getElementById("txtcant_reprogram" + index).value)) ? 0 : parseInt(document.getElementById("txtcant_reprogram" + index).value);
	document.getElementById("porc_rut_rep" + index).innerHTML = (Math.round((canrutrep * 100) / canseg)).toString();
}
function porc_increm_rep(index){
	canseg = isNaN(parseInt(document.getElementById("hdncant_seg_normal" + index).value)) ? 0 : parseInt(document.getElementById("hdncant_seg_normal" + index).value);
	canrutrep = isNaN(parseInt(document.getElementById("txtcant_increm_reprogram" + index).value)) ? 0 : parseInt(document.getElementById("txtcant_increm_reprogram" + index).value);
	document.getElementById("porc_increm_rep" + index).innerHTML = (Math.round((canrutrep * 100) / canseg)).toString();
}
function valida_pea_rec_cap(index, num){
	if(trim(document.getElementById("txtpea_rec_n" + num + index).value)!="" && 
	   trim(document.getElementById("txtpea_cap_n" + num + index).value)!=""){
		if( parseInt(trim(document.getElementById("txtpea_cap_n" + num + index).value)) > 
			parseInt(trim(document.getElementById("txtpea_rec_n" + num + index).value)) ){
			alert("PEA Capacitada no debe ser mayor que PEA Reclutada.");
			return false;
		}
	}
	return true;
}
</script>
<!--<script language="javascript" src="pagweb/funciones.js"></script>-->
<% if (!excel.equals("S")) { %>
	<link href="css/estilos.css" rel="stylesheet" type="text/css">
<% } %>
<style type="text/css">
	.cab_tablas_tmp { background-color:#99CCFF; color:#000000; text-align:center; font-weight:bold; font-size:8pt }
	.subtitulo2_tmp { font-family: Arial; font-size: 10pt; font-weight:bold; color:#336699 }
	.tablas_tmp { border-width:1px; border-color:#000000; border-collapse:collapse }
	.cab_tablas2_tmp { background-color:#CCFFCC; color:#000000; text-align:center; font-weight:bold; font-size:8pt }
	.pie_tablas_tmp { background-color:#D7D7D7; color:#000000; font-weight:bold; font-size:8pt }
	.pucpCeldaTabDesactivo_tmp { FONT-SIZE: 10pt; BACKGROUND: #4a96ac; COLOR: #ffffff; FONT-FAMILY: Arial Narrow }
.Estilo5 {font-size: 14px}
</style>

</head>
<body onLoad="inicio();">
    
<% if (!excel.equals("S")) { %>
<!--#include file="sub_menus.htm" -->
<%@include file="../../plantilla/mensaje_espera_reporte.html" %>      
<%}%>

<form name="form1" id="form1" method="post" action="reporte_vivienda_01.asp">
<!-- El div cabecera debe tener 10px mas de ancho que el div detalle -->
<div id="cabecera" style="position:absolute; left:5px; top:2px; width:1926px; height:60px; z-index:2">
<!-- A la ultima Columna de la tabla de cabecera hay que agregarle 17px -->
	<br />
        
        
        <table border="0" >
            <tr>                
                <% if (!excel.equals("S")) { %>			
                <td width="1279" align="center" valign="middle">
                    <span class="<%=clase_subtit%>">ENCUESTA NACIONAL DE HOGARES - <%=anho%></span><br> 
                    <b><font size="2"><%=titulo%></font></b>
                </td>     
                <% } else { %>				
		<!--<td width="202" > Etapa: <%=cod_etapa %></td>-->
                <td width="738" colspan="15" align="center">
                      <span class="<%=clase_subtit%>">ENCUESTA NACIONAL DE HOGARES - <%=anho%></span><br>
                      <b><font size="2"><%=titulo%></font></b>
                </td>     
                <% } %>						
            </tr>
            
        </table>
            
        <% if (!excel.equals("S")) { %>
            
            <%
                Usuario u = new SesionEnaho(request).getUsuario();
                Vivienda filtro = (Vivienda) request.getAttribute("filtro");
                Odei odeiF = (filtro !=null) ? filtro.getConglomerado().getOdei() : null ;
                Mes mesF = (filtro !=null) ? filtro.getConglomerado().getMes() : null ;
                Periodo periodoF = (filtro !=null) ? filtro.getConglomerado().getPeriodo() : null ;
                Conglomerado congF = (filtro !=null) ? filtro.getConglomerado() : null ;
            %>
	
	<table border="0" id="tabla1" >        
            <tr>
		<td width="152" valign="middle">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		    Odei: &nbsp;
		    <select name="odei" id="odei" onChange="//actualizar_pagina();"
				style="vertical-align:middle; font-weight:bold; background-color:#CCFFCC">
                        <% if(u.getPerfil().getEnum()==PerfilEnum.ADMINISTRADOR_SISTEMA) { %>
                            <option value="">--- TODOS ---</option> 
                        <% } %>
                        <%
                            List<Odei> odeis = (List<Odei>)request.getAttribute("odeis");
                            
                            for(Odei odei : odeis ) {
                                String selected = odei.equals(odeiF) ? "selected='selected'" : "";
                        %>
                                <option value="<%=odei.getCodigo() %>" <%=selected%> > <%=odei.getNombre() %> </option>
                        <%
                            }
                        %>		     
                    </select>
                </td>
                
                <td width="152" valign="middle">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		    Mes: &nbsp;
		    <select name="mes" id="mes" onChange="//actualizar_pagina();"
				style="vertical-align:middle; font-weight:bold; background-color:#CCFFCC">
                        <option value="" selected="selected">--- TODOS ---</option>
                        <%
                            List<Mes> meses = (List<Mes>)request.getAttribute("meses");
                            
                            for(Mes mes : meses ) {
                                String selected = mes.equals(mesF) ? "selected='selected'" : "";
                        %>
                                <option value="<%=mes.getCodigo() %>" <%=selected%> > <%=mes.getNombre() %> </option>
                        <%
                            }
                        %>		     
                    </select>
                </td>
                
                <!--width="143"-->
                <td width="170" valign="middle"> Periodo: &nbsp;
		    <select name="periodo" id="periodo" onChange="//actualizar_pagina();"
				style="vertical-align:middle; font-weight:bold; background-color:#CCFFCC">
		      <option value="" selected="selected">--- TODOS ---</option>
                        <%
                            List<Periodo> periodos = (List<Periodo>)request.getAttribute("periodos");
                            
                            for(Periodo p : periodos ) {
                                String selected = p.equals(periodoF) ? "selected='selected'" : "";
                        %>
                                <option value="<%=p.getCodigo() %>" <%=selected%> > <%=p.getNombre() %> </option>
                        <%
                            }
                        %>
                    </select>
                </td>
                
                <td width="100" valign="middle"> Conglomerado: &nbsp;
		    <select name="conglomerado" id="conglomerado" onChange="//actualizar_pagina();"
				style="vertical-align:middle; font-weight:bold; background-color:#CCFFCC">
		      <option value="" selected="selected">--- TODOS ---</option>
                        <%
                            List<Conglomerado> conglomerados = (List<Conglomerado>)request.getAttribute("conglomerados");
                            
                            for(Conglomerado c : conglomerados) {
                                String selected = c.equals(congF) ? "selected='selected'" : "";
                        %>
                                <option value="<%=c.getCodigo() %>" <%=selected%> > <%=c.getCodigo() %> </option>
                        <%
                            }
                        %>
                    </select>
                </td>                
                    
                <td width="110" > 
                    <input type="button" value="Buscar" onclick="actualizar_pagina()"/>                     
                </td>
                
		<td width="110" valign="middle">EXPORTAR&nbsp;&nbsp;&nbsp;<img src="images/logo_excel.gif" alt="Exportar a Excel" width="20" height="20" border="0" 
					style="cursor:pointer" onClick="javascript:excel();" align="absmiddle" />
                </td>  		
            </tr>
	</table>
            
	<% } %>
	
	<table border="1" cellspacing="0" cellpadding="0" class="<%=clase_tablas%>" id="tabla2" >
		
            <tr class="<%=clase_cab %>" >
		  <td width="40" rowspan="2" style="font-size:8pt" >N&deg;</td>
		  <td width="130" rowspan="2" style="font-size:8pt" >ODEI</td>
		  <td width="70"  rowspan="2" style="font-size:8pt" >MES</td>
		  <td width="70"  rowspan="2" style="font-size:8pt" >PERIODO</td>
		  <td width="150" rowspan="2" style="font-size:8pt" >CENTRO POBLADO </td>
		  <td width="95"  rowspan="2" style="font-size:8pt" >CONGLOMERADO</td>
		  <td width="60" rowspan="2" height="23" style="font-size:8pt" >NRO DE SELECCION VIV.</td>
		  <td width="70" rowspan="2" style="font-size:8pt" >VIV. DE REEMPLAZO</td>
                  <td width="85" rowspan="2" style="font-size:8pt" >N&deg; DE VIV. REEMPLAZADA</td>              
                  <td colspan="5" height="23" style="font-size:8pt" >RESULTADO</td>
                  <td width="300" rowspan="2" style="font-size:8pt" >ESTADO</td>
	    </tr>		
                  
            <tr class="<%=clase_cab %>" >
		  <td width="50" style="font-size:8pt" >H1</td>
                  <td width="50" style="font-size:8pt" >H2</td>
                  <td width="50" style="font-size:8pt" >H3</td>
                  <td width="50" style="font-size:8pt" >H4</td>
                  <td width="50" style="font-size:8pt" >H5</td>                  
	    </tr>
        
	</table> 
</div>
<!-- Hay que poner el width del div detalle con 30px mas que el ancho de la tabla de detalle -->
<!-- Por Ejemplo: Ancho de tabla: 560px, Ancho del div: 582px -->

<style type="text/css">   
table#tab_detalle td {
    font-size:9pt;
    text-align:center;
}

table#tab_detalle td.L {
    text-align:left;
}

</style>

<div id="detalle" style="overflow: auto; scrollbar-arrow-color: #FFFFFF; scrollbar-face-color: #6699CC; scrollbar-track-color: #3333333; position: absolute; left: 5px; 
     top: 135px; 
     width: 1916px; height: 733px; z-index: 1">
	<table border="1" cellspacing="0" cellpadding="0" class="tablas"  id="tab_detalle">
<!--            <tr >
                    <td width="40"></td>
                    <td width="130"></td>
                    <td width="60"></td>
                    <td width="70"></td>
                    <td width="150"></td>
                    <td width="85"></td>
                    <td width="60"></td>
                    <td width="60"></td>
                    <td width="75"></td>            
                    <td width="50"></td>
                    <td width="50"></td>
                    <td width="50"></td>
                    <td width="50"></td>
                    <td width="50"></td>
                    <td width="100"></td>                                																
            </tr>  -->
                        
            <%      
                MonitoreoPorViviendas rep = (MonitoreoPorViviendas) request.getAttribute("rsMonitor"); 
                List<Vivienda> rsMonitor = rep.getFilas();

                //Cronometro cr = new Cronometro();
                //cr.iniciar();
                
                if (!rsMonitor.isEmpty()) {                      
                    int x = 0; String color = "";
                    
                    for(Vivienda v : rsMonitor) {                        
                        x = x + 1; 
                        if( (x % 2 == 0) && !excel.equals("S") ) { color = "#DDF4FF"; } else { color = "#FFFFFF"; }
                        
                        Conglomerado c = v.getConglomerado();
                        List<Hogar> hogares = v.getHogares();
            %>          
                        <tr onMouseOver="this.style.backgroundColor = '#CCFFCC';" 
                                                 onmouseout="this.style.backgroundColor = '<%=color %>';" 
                                                        style="background-color:<%=color %>; cursor:pointer" >
                                <td width="40" height="25"> <%=x%> </td>
                                <td width="130" class="L"><%=c.getOdei().getNombre() %></td>
                                <td width="70" class="L"> <%=c.getMes().getNombre() %> </td>
                                <td width="70" class="L"> <%=c.getPeriodo().getNombre() %> </td>
                                <td width="150"><%=FormatUtil.format(v.getCentroPoblado().getNombre()) %></td>
                                <td width="95"> <%=c.getCodigo() %> </td>
                                <td width="60"><%=v.getCodigo() %></td>
                                <td width="70"><%=FormatUtil.format(v.getEsReemplazo()) %></td>
                                <td width="85"><%=FormatUtil.format(v.getViviendaReemplazada().getCodigo()) %></td>            
                                <td width="50"><%=FormatUtil.format(hogares.get(0).getResultadoFinal()) %></td>
                                <td width="50"><%=FormatUtil.format(hogares.get(1).getResultadoFinal()) %></td>
                                <td width="50"><%=FormatUtil.format(hogares.get(2).getResultadoFinal()) %></td>
                                <td width="50"><%=FormatUtil.format(hogares.get(3).getResultadoFinal()) %></td>
                                <td width="50"><%=FormatUtil.format(hogares.get(4).getResultadoFinal()) %></td>
				<td width="300"><%=v.getEstadoDelReemplazo() %></td>                                																
				<input type="hidden" name="hdnnom_region<%=x%>" id="hdnnom_region<%=x%>" value="<%="" /*'=rsMonitor.fields("NombreRe").value*/ %>" />					
                        </tr>                        
                <% }//loop        
                
                //System.out.println(cr.medirEnMiliSegundos());
                %>
                <% if(!excel.equals("S")) { %>
                        <input type="hidden" name="hdncanreg" id="hdncanreg" value="<%=x%>" />
                        <input type="hidden" name="hdnaccion" id="hdnaccion" value=""  />
                <% } %>
            <% } else { %>			
			<tr>
				<td height="23" colspan="18" >&nbsp;&nbsp;No hay informaci&oacute;n  </td>
			</tr>	
            <% } %>
	</table>
</div>
        
  
        
</form>

</body>
</html>
